import { FC } from "react"

import { SFormItem } from "@/components/common"
import StyleSelect from "@/components/common/styleSelect"
import { useLocale } from "@/locales"
// import { TableColumnType } from "antd"
// import dynamicComponent from "./dynamicImport"

const AccountSelect: FC<{ type?: string }> = ({ type: type = "agentRoot" }) => {
	const { newFormat } = useLocale()
	const options =
		type === "agentRoot"
			? [
					{ label: newFormat("label.agentAccount"), value: 1 },
					{ label: newFormat("label.rootAccount"), value: 2 }
			  ]
			: [
					{ label: newFormat("label.agentAccount"), value: 1 },
					{ label: newFormat("label.merchantName"), value: 0 }
			  ]
	return (
		<SFormItem name="nameType">
			<StyleSelect options={options} placeholder={newFormat({ id: "label.select_all" })} />
		</SFormItem>
	)
}

export default AccountSelect
